<template>
  <div
    class="wrapper grid justify-center gap-10 grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"
  >
    <div class="item">
      <div class="triangle-up"></div>
    </div>
    <div class="item">
      <div class="triangle-clip"></div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, onMounted,nextTick } from "vue";

</script>
<style scoped lang="scss">
.triangle-clip {
  width: 20px;
  height: 20px;
  background-color: #ff6b6b; /* 填充颜色（可选） */
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* 定义三角形顶点 */
  stroke: #2d3436; /* 边框颜色 */
  stroke-width: 3; /* 边框宽度 */
  fill: none; /* 空心（若需填充，改为具体颜色） */
}
</style>
